home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Forms Misc / date-selec-form.izs < prev    next >
Text File  |  2005-09-28  |  5KB  |  259 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Date Selection Form 
  4. <!/TITLE>
  5.  
  6. <!DESCRIPTION>This handy script lets you auto-generate the day and year in a drop down selection as well as validate the date. Add it to your pages that require date validation. <!/DESCRIPTION> 
  7.  
  8. <!CATEGORY>Forms<!/CATEGORY>
  9.  
  10. <!SCRIPT>
  11. <!-- START OF SCRIPT -->
  12.  
  13.  
  14. <!-- HOW TO INSTALL DATE SELECTION FORM:
  15.  
  16.   1.  Copy code into the HEAD section of document
  17.   2.  Add the onLoad event handler into the BODY tag
  18.   3.  Put last coding into the BODY section of document  -->
  19.  
  20. <!-- STEP ONE: Add code into HEAD section of document  -->
  21.  
  22. <HEAD>
  23.  
  24. <!-- Original:  Satish A (sat76to99@yahoo.com) -->
  25. <Script Language="JavaScript">
  26.  
  27.  
  28.  
  29. function populate(inForm)
  30. {
  31. var temp=0;
  32. var today= new Date();
  33. var day= today.getDate();
  34. var month= today.getMonth();
  35. var year= today.getFullYear();
  36. t2= prompt("Enter the number of years to fetch",1);
  37.  
  38.  
  39.  
  40. for (var i=0; i <31 ; i++)
  41.     {
  42.     var x= String(i+1);
  43.     
  44.     inForm.day.options[i] = new Option(x,x);
  45.     }
  46.  
  47. for (var i=0; i <31 ; i++)
  48.     {
  49.     var d=0;
  50.     d=inForm.day.options[i].value;
  51.     if(d=day){
  52.         inForm.day.options[i].selected=true;
  53.         break;}
  54.     }
  55.  
  56. for (var i=0,j=year; i <t2 ; i++, j--)
  57.     {
  58.     var y= String(j);
  59.     inForm.year.options[i] = new Option(y,y);
  60.         
  61.     }
  62. for(var i=0;i<12;i++)
  63.     {
  64.     
  65.     if(i=month)
  66.         {inForm.month.options[i].selected=true;
  67.     break;}
  68.     
  69.     }
  70.  
  71. }
  72.  
  73. function populate2(inForm2)
  74. {
  75. var t3=0;
  76.  
  77.  
  78. if(inForm2.month.options[1].selected)
  79.  
  80. t3=28;
  81. else if(inForm2.month.options[8].selected||inForm2.month.options[3].selected||inForm2.month.options[5].selected||inForm2.month.options[10].selected)
  82. t3=30;
  83. else
  84. t3=31;
  85.  
  86.  
  87. for(i=0;i<31;i++){
  88. inForm2.day.options[i]=null;
  89. }
  90.  
  91. for (var i=0; i <t3 ; i++)
  92.     {
  93.     var x= String(i+1);
  94.     inForm2.day.options[i] = new Option(x);
  95.         
  96.     }
  97. }
  98. </script>
  99.  
  100. </HEAD>
  101.  
  102. <!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->
  103.  
  104. <BODY onLoad=populate(form1)>
  105.  
  106. <!-- STEP THREE: Copy code into BODY section of document  -->
  107.  
  108. <!-- Original:  Satish A (sat76to99@yahoo.com) -->
  109. <FORM NAME="form1">
  110. <p>
  111. <b>Day</b>  <SELECT NAME="day"></SELECT>  
  112.  
  113.    <b>Month</b>    <SELECT NAME="month" onChange = populate2(form1)>
  114. <Option value=0>January</Option>
  115. <Option value=1>February</Option>
  116. <Option value=2>March</Option>
  117. <Option value=3>April</Option>
  118. <Option value=4>May</Option>
  119. <Option value=5>June</Option>
  120. <Option value=6>July</Option>
  121. <Option value=7>August</Option>
  122. <Option value=8>September</Option>
  123. <Option value=9>October</Option>
  124. <Option value=10>November</Option>
  125. <Option value=11>December</Option>
  126. </SELECT>
  127.  
  128.     <b>Year</b><SELECT NAME="year"></SELECT>
  129.  
  130. </FORM>
  131.  
  132. <!-- END OF SCRIPT -->
  133. <!/SCRIPT>
  134.  
  135. <!PREVIEW>
  136. <!-- START OF SCRIPT -->
  137.  
  138. <!-- HOW TO INSTALL DATE SELECTION FORM:
  139.  
  140.   1.  Copy code into the HEAD section of document
  141.   2.  Add the onLoad event handler into the BODY tag
  142.   3.  Put last coding into the BODY section of document  -->
  143.  
  144. <!-- STEP ONE: Add code into HEAD section of document  -->
  145.  
  146. <HEAD>
  147.  
  148. <!-- Original:  Satish A (sat76to99@yahoo.com) -->
  149. <Script Language="JavaScript">
  150.  
  151.  
  152.  
  153. function populate(inForm)
  154. {
  155. var temp=0;
  156. var today= new Date();
  157. var day= today.getDate();
  158. var month= today.getMonth();
  159. var year= today.getFullYear();
  160. t2= prompt("Enter the number of years to fetch",1);
  161.  
  162.  
  163.  
  164. for (var i=0; i <31 ; i++)
  165.     {
  166.     var x= String(i+1);
  167.     
  168.     inForm.day.options[i] = new Option(x,x);
  169.     }
  170.  
  171. for (var i=0; i <31 ; i++)
  172.     {
  173.     var d=0;
  174.     d=inForm.day.options[i].value;
  175.     if(d=day){
  176.         inForm.day.options[i].selected=true;
  177.         break;}
  178.     }
  179.  
  180. for (var i=0,j=year; i <t2 ; i++, j--)
  181.     {
  182.     var y= String(j);
  183.     inForm.year.options[i] = new Option(y,y);
  184.         
  185.     }
  186. for(var i=0;i<12;i++)
  187.     {
  188.     
  189.     if(i=month)
  190.         {inForm.month.options[i].selected=true;
  191.     break;}
  192.     
  193.     }
  194.  
  195. }
  196.  
  197. function populate2(inForm2)
  198. {
  199. var t3=0;
  200.  
  201.  
  202. if(inForm2.month.options[1].selected)
  203.  
  204. t3=28;
  205. else if(inForm2.month.options[8].selected||inForm2.month.options[3].selected||inForm2.month.options[5].selected||inForm2.month.options[10].selected)
  206. t3=30;
  207. else
  208. t3=31;
  209.  
  210.  
  211. for(i=0;i<31;i++){
  212. inForm2.day.options[i]=null;
  213. }
  214.  
  215. for (var i=0; i <t3 ; i++)
  216.     {
  217.     var x= String(i+1);
  218.     inForm2.day.options[i] = new Option(x);
  219.         
  220.     }
  221. }
  222. </script>
  223.  
  224. </HEAD>
  225.  
  226. <!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->
  227.  
  228. <BODY onLoad=populate(form1)>
  229.  
  230. <!-- STEP THREE: Copy code into BODY section of document  -->
  231.  
  232. <!-- Original:  Satish A (sat76to99@yahoo.com) -->
  233. <FORM NAME="form1">
  234. <p>
  235. <b>Day</b>  <SELECT NAME="day"></SELECT>  
  236.  
  237.    <b>Month</b>    <SELECT NAME="month" onChange = populate2(form1)>
  238. <Option value=0>January</Option>
  239. <Option value=1>February</Option>
  240. <Option value=2>March</Option>
  241. <Option value=3>April</Option>
  242. <Option value=4>May</Option>
  243. <Option value=5>June</Option>
  244. <Option value=6>July</Option>
  245. <Option value=7>August</Option>
  246. <Option value=8>September</Option>
  247. <Option value=9>October</Option>
  248. <Option value=10>November</Option>
  249. <Option value=11>December</Option>
  250. </SELECT>
  251.  
  252.     <b>Year</b><SELECT NAME="year"></SELECT>
  253.  
  254. </FORM>
  255. <!-- END OF SCRIPT -->
  256. <!/PREVIEW>
  257.  
  258. <!RELATED>NONE<!/RELATED>
  259.